import React from "react";

import styled from "styled-components";
import Config from "@/config";

const Container = styled.div`
  width: 100px;
  height: 30px;
  text-align: center;
  position: relative;
  z-index: 0;
  float: left;
`
const IconContainer = styled.div`
  width: auto;
  height: 30px;
  position: relative;
  left: 5px;
  top: 0;
  z-index: 2;
`
const TextContainer = styled.div`
  width: auto;
  padding: 3px 10px 0 15px;
  height: 17px;
  position: absolute;
  background-color: #a2b5ff;
  //background-color: #f1d0a8;
  color: white;
  font-size: 12px;
  z-index: 1;
  left: 20px;
  top: 10px;
  border-radius: 0 8.5px 8.5px 0;
`
export const JUnVip = (props) => {
    return <Container>
        <IconContainer>
            <Config.IconFont type={'icon-mianxingxingxingwubianxingzuanshishuijing'}
                             style={{fontSize: '30px', float: "left"}}/>
            {/*<Config.IconFont type={'icon-mianxinglingxingzuanshishuijing'}  style={{fontSize:'30px',float: "left"}}/>*/}
        </IconContainer>
        <TextContainer>普通会员</TextContainer>
    </Container>
}
